@charset "utf-8";
/* 狮吼TV */

body      { margin:0; font-size:14px; font-family:"黑体"; background:url(../img/bg.jpg) repeat; color:#e7e1d3; }
body.dialog-open { position: fixed; width: 100%;}
.wrap img { width:100%; display:block; }
.header   { position:relative; width:100%; overflow:hidden; }
.btnShare { position:absolute; width:50%; left:50%; margin-left:-25%; bottom:18%; z-index:2;}
.bg       { overflow:hidden; width:88%; margin-left:4%; overflow:hidden; }

/*// phb /////////*/
/* phbTab */
.phb         { width:100%;  overflow:hidden;  }
.phbMenu     { width:90%; margin:23px auto; overflow:hidden;}
.phbMenu li  { float:left; width:33%; cursor:pointer; }
.phbTitle    { margin:30px auto 10px; width:80%; position:relative; }
.phbTitle p  { width:100%; height:30px; position:absolute; left:0; top:-2px; z-index:3;  }
.phbTitle span { float:left; width:50%; height:30px; line-height:30px; display:block; text-align:center; color:#7cbbc8; }

/* phbList */
/*排行版*/
.phbList             { width:90%; margin:0 auto;}
.phbList li          { height:40px; overflow:hidden; margin-bottom:20px;}
.icon1           { float:left; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; background:#8d8d8d; margin-top:10px; border-radius:50%; overflow:hidden;}
.icon            { float:left; width:40px; height:40px; margin:0 11px; border-radius:50%; overflow:hidden;}
.phb p           { float:left; height:40px; line-height:20px; width:40%; overflow:hidden;}
.phb p span      { font-size:14px; display:block; height:20px; line-height:20px; overflow:hidden; color:#023138;}
.phb p em         { font-size:12px; display:block; color:#066d70;}
.phb .zhibo      { float:right; width:75px; height:33px; margin-top:3px;}
.font1           { width:60%; margin:30px auto 25px; display:block;}


/* anchor */
.phbList .anchor .liveHead    { right:0; }
.phbList .anchor .liveWrap    { width:40px; height:40px; display:block; position:relative; }
.phbList .anchor a            { margin-right:20px; padding-right:54px; }
.phbList .anchor .liveName,.phbList .anchor .liveNum { text-align:right; }
.phbList .anchor .liveIcon    { width:30px; height:20px; background:url(../img/live.png)no-repeat; background-size:30px 20px; position:absolute; top:-4px; left:0; z-index:5; }
.phbList .anchor .liveOpacity { width:40px; height:40px; display:block; border-radius:50%; filter:alpha(opacity=70); opacity:0.7; background:#000; position:absolute; left:0; top:0; z-index:4; }
.phbList .anchor .liveRanking { width:20px; display:block; position:absolute; right:-30px; top:10px; z-index:2; }
.phbList .anchor .liveNo4 .liveRanking { width:20px; height:20px; border-radius:3px; line-height:20px; text-align:center; display:block; background:#136ca5; color:#fff; position:absolute; right:-30px; top:10px; z-index:3; }

/* user */
.phbList .user .liveHead { left:0; }
.phbList .user a { margin-left:20px; padding-left:54px; }
.phbList .user .liveName,.phbList .user .liveNum { text-align:left; }


/*// common /////////*/
.common               { width:100%; overflow:hidden; }
.indexC               { background:url(../img/bg.png) center top no-repeat; height:680px; background-size:100% 680px;}
.common .title        { width:70%; margin:26px auto 0; display:block;}
.commonTab            { width:100%;  position:relative; }
.commonMenu           { width:60%; margin:0 auto; overflow:hidden; margin-top:15px; }

.commonMenu li         { float:left; width:50%; }
.nav                  { background:url(../img/2.png) repeat; height:50px; border-radius:8px; width:95%; margin:10px auto 0; overflow:hidden;}
.nav span             { width:40px; height:40px; margin:5px 9px 0 5px; border-radius:50%; overflow:hidden; }
.nav .spend           { width:50px; height:33px; float:right; margin:9px 9px 0 0; }
.nav input            { margin-top:9px; width:50%; height:33px; color:#e7e1d3; }
.nav em               { margin-top:17px; height:33px; display:block; color:#e7e1d3; padding-left:10px; }
.list li              { margin:10px auto 0;  width:95%; }
.list li p            { border-radius:8px; }
.list .listTitle      { background:url(../img/2.png) repeat; overflow:hidden; padding:10px; }
.list .listTitle span { float:left; width:85%; line-height:20px; }
.list .listTitle a    { float:right; width:15%; }
.list .listFont       { background:url(../img/5.png) repeat; color:#e7e1d3; height:20px; line-height:20px; overflow:hidden; padding:10px;}
.list .listFont a     { float:left; color:#e7e1d3; width:65%; overflow:hidden; }
.list .listFont span  { float:right; width:34%; overflow:hidden; text-align:right; }
.list .listFont a em  { width:24px; height:24px; display:inline-block; border-radius:12px; vertical-align:middle; overflow:hidden; }
.list .listFont a em img { width:24px; height:24px; }
.list .listFont a i   { margin:-3px 2px 0 3px; width:54px; height:20px; line-height:20px; vertical-align:middle; display:inline-block; font-style:normal; overflow:hidden; }

.more                 { width:40%; margin:15px auto 20px; display:block; }
.nav a,.nav span,.nav input { float:left; padding-left:10px; }

.commonWrap { /*padding-bottom:45px;*/ }
.commonIn   { width:100%; height:45px; display:none; background:#fffeff; position:fixed; left:0; bottom:0; z-index:999; }
.commonInCont { padding:6px 70px 0 10px; height:34px; position:relative; }
.commonInCont input { width:100%; height:33px; border-radius:5px; text-indent:10px; background:#f0f0f0; }
.commonInCont .btnFs { width:50px; height:33px; display:block; background:url(../img/spend.png) no-repeat; background-size:50px 33px; position:absolute; right:10px; top:6px; z-index:3; }

/*// rule /////////*/
.btnRule      { width:120px; height:74px; -webkit-animation: crashDown 1.5s ease 1s infinite backwards; -moz-animation: crashDown 1.5s ease 1s infinite backwards; -ms-animation: crashDown 1.5s ease 1s infinite backwards; -o-animation: crashDown 1.5s ease 1s infinite backwards; display:block; background:url(../img/btnRule.png) no-repeat; background-size:120px 74px; position:fixed; right:0; top:20px; z-index:333; }
.ruleWrap     { margin:-250px 0 0 -45%; width:90%; height:400px; display:none; position:fixed; left:50%; top:50%; z-index:9999; }
.ruleCont     { height:300px; position:relative; }
.ruleCont .btnClose { width:50px; height:40px; display:block; position:absolute; right:0px; top:10%; z-index:3; }
.ruleCont img { width:100%; display:block; }
.ruleScroll   { height:350px; overflow:scroll; overflow-x:hidden; border-radius:0 0 15px 15px;  }
.mask         { width:100%; height:100%; display:none; filter:alpha(opacity=70); opacity:0.7; background:#000; position:fixed; left:0; top:0; z-index:9998; }



/* 弹窗 */
.pop     { position:fixed; left:20%; top:47%; width:60%; height:30px; font-size:14px; line-height:30px; text-align:center; display:none; border-radius:5px; z-index:999; color:#fff; background:url(../img/5.png) repeat; }
.space   { height:20px; }



.commonLiat           { padding-top:18%;} 
.line                 { width:100%; background:url(../img/bg2.png) repeat-y; background-size:100% auto;}
.Listfooder           { margin-bottom:20px;}

/*登录*/
.Nenroll,.enroll   { width:85%; margin:12px auto; position:relative;}
.Nenroll a         { width:28%; height:30px; position:absolute; right:0px; top:0; z-index:2;}
.enroll a          { position:absolute; width:100%; height:30px; line-height:30px; text-align:center; color:#023138; font-size:12px; left:0; top:0; z-index:2;}
.enroll img        { width:100%; height:30px;}
/*弹窗*/
.tcbg        { display:none;  width:86%; border-radius:10px; overflow:hidden; background:#f0ebe0; padding:0 0 20px; position:fixed; left:7%; top:10%; z-index:9999; }
.Tantitle    { background:#ffd238; margin-bottom:10px; }
.Tantitle img{ display:block; width:50%; margin:0 auto;}
.rule        { padding:0 15px; height:240px; overflow:scroll; overflow-x:hidden;}
.tcbg p      { font-size:12px; line-height:18px; color:#3c2515; margin:5px 0;}
.rule span   { color:#3c2515; display:block; height:30px; line-height:30px; margin:5px 0; font-weight:bold; margin:5PX 0;SS font-size:16px;}
.tcbg a      { width:50%; margin:15px auto 0; display:block;}
.tcbg a img  { display:block; width:100%;}
.dzprule .a    { margin:35px auto 0;}
.dzprule p         { padding:0 15px;}
@media screen and (min-width:375px)
{
	.list .listFont a i   { width: 70px;}
	.indexC               { background:url(../img/bg.png) center top no-repeat; height:730px; background-size:100% 730px;}
}
@media screen and (min-width:414px)
{
	.indexC               { background:url(../img/bg.png) center top no-repeat; height:780px; background-size:100% 780px;}
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #e7e1d3; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #e7e1d3;opacity:1;
}

input:-ms-input-placeholder{
    color: #e7e1d3;opacity:1;
}

input::-webkit-input-placeholder{
    color: #e7e1d3;opacity:1;
}





